import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface BellRingingCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const BellRingingCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: BellRingingCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M5.964 2.082c-.361.163-1.184.944-1.769 1.678-.587.737-1.136 1.654-1.18 1.971a.996.996 0 0 0 1.461 1.008c.224-.123.293-.21.634-.799.353-.609.671-1.003 1.374-1.702.388-.386.739-.764.78-.84.108-.202.102-.645-.013-.862a1.145 1.145 0 0 0-.517-.476c-.203-.085-.557-.075-.77.022m11.296.031c-.192.09-.39.286-.488.483-.099.197-.096.653.004.841.041.076.383.445.761.82.683.679 1 1.074 1.353 1.683.089.154.222.373.295.488.548.856 1.886.4 1.805-.615-.017-.209-.058-.316-.25-.661a10.234 10.234 0 0 0-1.864-2.406 7.313 7.313 0 0 0-.626-.535c-.201-.138-.246-.152-.525-.162-.233-.009-.343.006-.465.064m-6.056.933c-2.638.276-4.98 1.985-6.061 4.424-.503 1.133-.622 1.849-.623 3.716 0 2.243-.094 2.745-.755 4.034-.18.352-.364.756-.408.898-.363 1.178.268 2.411 1.421 2.773l.282.089h13.88l.282-.089c1.153-.362 1.784-1.595 1.421-2.773-.044-.142-.228-.546-.408-.898-.661-1.288-.755-1.792-.755-4.029 0-.984-.016-1.429-.062-1.746a7.351 7.351 0 0 0-.982-2.786 7.516 7.516 0 0 0-7.232-3.613M9.241 20.182a3.16 3.16 0 0 0 1.117 1.319c.54.349.982.478 1.642.478.255 0 .558-.024.68-.055a3.095 3.095 0 0 0 2.072-1.734l.084-.19H9.163l.078.182"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
